<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Webrtc</title>
</head>
<script src="webrtc.js"></script>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/jquery.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/bootstrap.js"></script>
</head>

<body>
    <div id="chat">
        <div class="msgs_title">user1</div>
        <div class="msgs" id="msgs"></div>
        <div class="msgs_sender">
            <textarea type="text" maxlength="800" id="msgIpt" class="msgIpt" rows="4"></textarea>
            <input type="file" id="fileIpt" class="fileIpt">
            <button id="sendData" class="sendBtn">发送</button>
            <button id="sendFileBtn" class="sendBtn">发送文件</button>
        </div>
    </div>
    <div id="videos">
        <div align='center'>
            <video id="localVideo" autoplay poster="img/img1.png" width=1500px height=500px></video>
            <video id="remoteVideo" autoplay poster="img/img1.png" width=1500px height=500px></video>
        </div>
        <div align='center'>
            <input id="videoCallButton" type="button" disabled value="Video Call" class="btnm" />
            <input id="endCallButton" type="button" disabled value="End Call" class="btnm" />

        </div>
</body>
<script>
    window.addEventListener("load", pageReady);

</script>
</html>